html,
body {
    background-color: #f8f8f8;
}

.main {
    padding-bottom: 0;
}

.nav {
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.nav::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #bfbfbf;
    left: 0;
    bottom: 0;
}

.nav-list {
    position: relative;
    float: left;
    width: 25%;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #424242;
    text-align: center;
}

.nav-list-active {
    color: #e38a47;
    font-size: 0.3rem;
}

.nav-list-active::after {
    content: " ";
    position: absolute;
    width: 1.2rem;
    height: 0.08rem;
    left: 50%;
    margin-left: -0.6rem;
    bottom: 0;
    background-color: #e38a47;
}

.box1,
.box2,
.box3,
.box4,
.box5 {
    padding: 0.3rem;
    background-color: #fff;
    margin-bottom: 0.15rem;
}

.tit {
    font-size: 0.26rem;
    color: #e38a47;
    margin-bottom: 0.25rem;
}

.info {
    font-size: 0.2rem;
    color: #424242;
    line-height: 0.4rem;
}

.jjlc {
    display: block;
    width: 6.23rem;
    height: 7.4rem;
    margin: 0 auto;
}

.yjlc {
    display: block;
    width: 6.39rem;
    height: 6.2rem;
    margin: 0 auto;
}

.ztblc {
    display: block;
    width: 6.12rem;
    height: 8.74rem;
    margin: 0 auto;
}

.splc {
    display: block;
    width: 6.23rem;
    height: 7.4rem;
    margin: 0 auto;
}

thead,
thead,
tbody,
tr {
    display: block;
    overflow: hidden;
    width: 6.9rem;
}

th,
td {
    float: left;
    width: 2.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.26rem;
    color: #424242;
    font-weight: normal;
    text-align: center;
}

thead th {
    color: #004242;
}

.box4, .box5 {
    margin-bottom: 0;
}

.box5 {
    margin-top: 0.15rem;
}

.tab-con1 th,
.tab-con1 td {
    width: 50%;
}

.nav-scroll {
    width: 7.5rem;
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    top: 0.8rem;
}

@media (-webkit-device-pixel-ratio: 1.5) {
    .nav::after {
        -webkit-transform: scaleY(.6666);
        -ms-transform: scaleY(.6666);
        -o-transform: scaleY(.6666);
        transform: scaleY(.6666);
    }
}

@media (-webkit-device-pixel-ratio: 2) {
    .nav::after {
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        -o-transform: scaleY(.5);
        transform: scaleY(.5);
    }
}

@media (-webkit-device-pixel-ratio: 3) {
    .nav::after {
        -webkit-transform: scaleY(.3333);
        -ms-transform: scaleY(.3333);
        -o-transform: scaleY(.3333);
        transform: scaleY(.3333);
    }
}